/*General*/
body{width:100%;margin:0px;padding:0px;font-family: "arial";font-weight:400;word-spacing:0.3px;background:none repeat scroll 0 0 white;font-size:15px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;list-style-type: none;font-weight:400;word-spacing:0.2px;}
a{color:#3C6D9E;text-decoration: none;}
span,li,ul,a,div,p{padding:0px;margin:0px;list-style-type: none;word-spacing:0.2px;}
li,span,a{display:inline;}
input{padding:0px;margin:0px;list-style-type: none;font-weight:400;word-spacing:0.2px;font-size:12px;}

.buttonDarkGreen{text-align:center;margin:0 auto;background:#69A74E;border-color:#4072FF #235AF6 #1E4FD9;color:#FFFFFF;font-size:14px;cursor: pointer;}
.buttonDarkMidBlue{text-align:center;margin:0 auto;background:#2583AD;border-color:#4072FF #235AF6 #1E4FD9;color:#FFFFFF;font-size:14px;cursor: pointer;}
.buttonDarkHeavyBlue{text-align:center;margin:0 auto;color:#FFFFFF;font-weight:400;cursor: pointer;background:#3B5998;border-color: #4072FF #235AF6 #1E4FD9;}

.buttonMidBlue{text-align:center;margin:0 auto;color:#FFFFFF;font-weight:400;cursor: pointer;background: #2583AD;border-color: #2F62F1 #1C4ED9 #133FBB;}
.buttonMidBlue:hover{border-color: #4072FF #235AF6 #1E4FD9;background: #2583AD;}
html{position:relative;min-width:1260px;height:100%;}

/*header*/
#header{position: relative;width:100%;margin:0px auto;height:40px;color:#345A75;font-family: arial;background: #F0F0F0;z-index:1000;border-bottom:2px solid #FFFFFF;}
.header{position:relative; margin:0px 30px; color:#006699;font-size:15px;}
.header .headerLeft{float:left;line-height: 40px;}
.header .headerLeft li{margin-right:30px;}
.header .headerLeft .openHeaderNav{color:#000000; font-weight:700;}
.header .headerLeft .waitHeaderNav{color:#006699;text-decoration: underline;}
.header .headerRight{float:right;line-height: 40px;}
.header .headerRight li{margin-left:30px;}
.header .headerRight .logInDownArrow{display:inline;float:right;width:25px;height:25px;}
.header .headerRight .userName{color:#000000;}
.header .headerRight .signOut{text-decoration: underline;}




/*Main*/
#main{position:relative;padding-top:0px;width:100%;margin:0 auto;z-index: 2;}
#content{position:relative;width:100%; margin:0px auto;z-index: 2;padding-top:20px;}
.left{position:relative;width:220px;height:100%;margin:0px 20px;float:left;}
.mid{position:relative;width:700px;height:100%;margin:0px 20px;float:left;}
.right{position:relative;width:220px;height:100%;margin:0px 20px;float:left;font-family:arial;}
.total{position:relative;margin-top:60px;line-height:50px;text-align:center;}


/*Multiple Used Class*/
.logo{font-family:Iceberg;font-weight:700;text-align: center;color:#599AE6;}
.logo .logoSub {color:#2583AD;}
.logoExplain{color:#006600;text-align:center;font-family:Galdeano;}
.searchBox{position:relative; width:700px;margin:0px auto;text-align:center; vertical-align:middle;font-family: arial;}
.searchBox .searchInput{margin-left:10px;}
.searchBox .buttonMidBlue{padding:2px 5px;}
#main li{display:block;}

/*Search Page*/
.total .logo{font-size:40px;}
.total .logoExplain{font-size:18px;}
.total .searchBox{font-size:18px;border-bottom: 1px #CCCCCC solid;padding-bottom:20px;}
.total .searchBox .searchInput{font-size:18px;}
.total .searchBox .buttonMidBlue{font-size:15px;}
.total .postJobBox{position:relative; width:700px;margin:0px auto;margin-top:10px;padding-bottom:20px;text-align:center;font-size:18px; vertical-align:middle;font-family: arial;}
.total .postJobBox .buttonDarkHeavyBlue{padding:2px 5px;font-size:13px;}
.total .hotJobBox{font-size:13px;width:700px;margin:0px auto;font-family:arial;line-height:20px;color:#006699;}
.total .hotJobBox .hotJobList .hotJob{display:inline;margin:0px 5px;white-space: nowrap;}

/*Personal Page*/
.left .logo{font-size:25px;text-align:center;margin-bottom:5px;}
.left .logoExplain{color:#006600;text-align:center;}
.left .searchHistoryBox{font-family:arial;margin-top:20px;}
.left .searchHistoryBox .searchHistoryTitle{text-align: center;font-weight:700;font-size:15px;}
.left .searchHistoryBox .searchHistorySubBox .searchSingleHistoryBox{margin:5px 0px 0px 10px;}
.left .searchHistoryBox .searchHistorySubBox{margin:5px 35px 15px;}
.left .searchHistoryBox .searchHistorySubBox .searchHistorySubTitle{font-size:14px;}
.left .searchHistoryBox .searchHistorySubBox .searchHistorySingleBox{margin:5px 0px 0px 10px;}
.left .searchHistoryBox .searchHistorySubBox .searchHistorySingleBox .searchHistorySingleName{font-size:12px;color:#7777CC;text-decoration: underline;}
.left .searchHistoryBox .searchHistorySubBox .searchHistorySingleBox .searchHistorySingleTime{font-size:12px;color:#666666;}

.mid .searchBox{font-size:14px;border-bottom: 1px #CCCCCC solid;padding-bottom:10px;text-align:center;}
.mid .searchBox .searchInput{font-size:12px;}
.mid .searchBox .buttonMidBlue{font-size:12px;padding:1px 2px;}
.mid .profileBox{margin:10px 0px; border:1px solid #C2C2E8;font-family:arial;padding:0px 10px;}
.mid .profileBox .profileEdit{font-size:12px; color:#2583AD;font-weight:400;}
.mid .profileBox .profileTitle{font-size:17px;font-weight:700;margin:5px 0px;}
.mid .profileBox .dividerH{border-bottom:2px solid #CCCCCC;margin:5px 0px;}
.mid .profileBox .profileSubBox{width:100%;margin:10px 0px;}
.mid .profileBox .profileSubBox .profilePicBox {float:left;text-align:center;}
.mid .profileBox .profileSubBox .profilePicBox .profilePic{width:150px;height:150px;padding:5px; border: 1px #C2C2E8 solid;}
.mid .profileBox .profileSubBox .profileBasicBox {float:left;margin:20px 20px;line-height:25px;}
.mid .profileBox .profileSubBox .profileBasicBox .profileName{font-size:25px;font-family:sans-serif;font-weight:700;line-height:30px;}
.mid .profileBox .profileSubBox .profileBasicBox .profileEmail{font-size:15px;font-family:arial;color:#666666;}
.mid .profileBox .profileSubBox .profileBasicBox .profileEmail a{font-size:12px;font-family:arial;color:#2583AD; margin-left:15px;cursor:pointer;}
.mid .profileBox .profileSubBox .profileBasicBox .profileLocation{font-size:15px;font-family:arial;color:#666666;}
.mid .profileBox .profileSubBox .profileBasicBox .profileCurWork{font-size:18px;font-family:Arial;}
.mid .profileBox .profileSubBox .profileEduBox {line-height:20px;margin:0px 5px;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox{font-size:15px;line-height:25px;margin:10px 0px;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox .profileEduSchoolName{font-weight:700;float:left;color:#2583AD;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox .profileEduSchoolLocation{float:right;color:#666666;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox .profileEduMajor{float:left;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox .profileEduMajor strong{color:#000000;}
.mid .profileBox .profileSubBox .profileEduBox .profileEduSubBox .profileEduTime{color:#666666;float:right;}
.mid .profileBox .profileSubBox .profileWorkBox {line-height:20px;margin:0px 5px;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox {font-size:15px;line-height:25px;margin:10px 0px;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkCompanyName{font-weight:700;float:left;color:#2583AD;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkCompanyLocation{float:right;color:#666666;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkTitle{float:left;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkTitle strong{color:#000000;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkTime{color:#666666;float:right;}
.mid .profileBox .profileSubBox .profileWorkBox .profileWorkSubBox .profileWorkDescription{font-size:12px; line-height:17px;border:1px solid #C2C2E8; padding:10px;}
.mid .profileBox .profileSubBox .profileSkillBox {line-height:20px;margin:0px 5px;}
.mid .profileBox .profileSubBox .profileSkillBox .profileSkillList{margin:0px 10px;font-size:14px;white-space: nowrap;color:#2583AD;}
.mid .profileBox .profileSubBox .profileWantedJobBox {line-height:20px;margin:0px 5px;}
.mid .profileBox .profileSubBox .profileWantedJobBox .profileWantedJobList{margin:0px 10px;font-size:14px;white-space: nowrap;color:#2583AD;}

.right .postJobBox{position:relative; margin:0px auto;margin-top:5px;padding-bottom:10px;text-align:center;font-size:14px;font-family: arial;}
.right .postJobBox .buttonDarkHeavyBlue{padding:1px 2px;font-size:12px;}
.right .interestJobBox{}
.right .interestJobBox .interestJobTitle{text-align: center;font-weight:700;font-size:17px;}
.right .interestJobBox .interestJobSubBox{position:relative;margin:5px 0px 15px;}
.right .interestJobBox .interestJobSubBox .interestJobSubTitle{font-size:14px;}
.right .interestJobBox .interestJobSubBox .interestSingleJobBox{margin:5px 0px 0px 10px;}
.right .interestJobBox .interestJobSubBox .interestSingleJobBox .interestSingleJobName{font-size:12px;color:#7777CC;text-decoration: underline;}
.right .interestJobBox .interestJobSubBox .interestSingleJobBox .interestSingleJobTime{font-size:12px;color:#666666;}
.right .interestJobBox .interestJobSubBox .interestSubJobMore{position:relative;color:#666666;font-size:10px;margin:5px 0px 0px 10px;}

/*Login*/
.total .totalBox{position:relative;width:700px;margin:0 auto;}
.total .totalBox .totalBoxTitle{font-family:Iceberg;font-size:16px;font-weight:700;color:#2583AD;line-height:30px;}
.total .totalBox .totalLeftBox{position:relative;width:350px;float:left;}
.total .totalBox .totalRightBox{position:relative;width:350px;float:left;}
.total .totalBox .signIn{font-size:15px;color:#345A75;}
.total .totalBox li{position:relative;display:block;margin:10px 30px;line-height:30px;height:30px;}
.total .totalBox .signIn .signInClass{float:left;width:90px;text-align:left;}
.total .totalBox .signIn .signInContent{float:left;}
.total .totalBox .signIn .signInContent [type=text],[type=password]{width:150px;}
.total .totalBox .signIn .buttonDarkGreen{position:relative;left:20px;width:70px;margin:0 auto;font-size:12px;margin-top:10px;height:25px;line-height: 25px;text-align: center;}
.total .totalBox .signIn .buttonDarkMidBlue{position:relative;left:20px;width:70px;margin:0 auto;font-size:12px;margin-top:10px;height:25px;line-height: 25px;text-align: center;}
.total .totalBox .signIn .buttonDarkHeavyBlue{position:relative;left:20px;width:150px;margin:0 auto;font-size:12px;margin-top:10px;margin-bottom:10px;height:25px;line-height: 25px;text-align: center;}
.total .totalBox .signIn .buttonDarkHeavyBlue span{font-size:12px;font-weight:normal;}

/*Job Create*/
.mid .jobCreateBox{margin:10px 0px; border:1px solid #C2C2E8;padding:10px 20px;text-align:center;}
.mid .jobCreateBox .jobCreateTitle{margin:10px 0px;font-size:22px; font-weight:700;font-family:iceberg;}
.mid .jobCreateBox li{position:relative;line-height:35px;min-height:35px;font-size:13px;text-align:left;margin:0px;}
.mid .jobCreateBox li .jobCreateType{float:left;width:140px;color:#666666;font-weight:700;}
.mid .jobCreateBox li .jobCreateContent{float:left;white-space: nowrap; }
.mid .jobCreateBox li .jobCreateContent .jobCreateJobTypeBox{float:left;width:200px;font-size:13px;}
.mid .jobCreateBox li .largeTextBox{width:250px;margin-right:10px;}
.mid .jobCreateBox li .middleTextBox{width:100px;margin-right:10px;}
.mid .jobCreateBox li .smallTextBox{width:50px;margin-right:10px;}
.mid .jobCreateBox li .xsmallTextBox{width:30px;margin-right:10px;}
.mid .jobCreateBox li textarea{width:500px;height:200px;max-width:500px;margin-top:10px;margin-bottom:10px;}
.mid .jobCreateBox li .jobCreateExplain{font-size:12px;color:#666666;}
.mid .jobCreateBox .buttonDarkGreen{font-size:12px;padding:3px;margin:10px 0px;}

/*Job View*/
.mid .jobViewBox{margin:10px 0px; border:1px solid #C2C2E8;padding:10px 20px;text-align:center;}
.mid .jobViewBox .jobViewTitle{margin:10px 0px;font-size:22px; font-weight:700;font-family:iceberg;}
.mid .jobViewBox li{position:relative;line-height:35px;min-height:35px;font-size:13px;text-align:left;margin:0px;}
.mid .jobViewBox li .jobViewType{float:left;width:140px;color:#666666;font-weight:700;}
.mid .jobViewBox li .jobViewContent{float:left; max-width:530px; white-space:normal;line-height:35px;font-size:13px;font-weight:700;}
.mid .jobViewBox li .jobViewContent .jobViewJobTypeBox{float:left;width:200px;font-size:13px;}
.mid .jobViewBox li .jobViewDescription{float:left; max-width:500px; white-space:normal;line-height:25px;margin:10px 0px;font-size:12px;border-top:1px solid #C2C2E8;border-bottom:1px solid #C2C2E8;}
.mid .jobViewBox li input[type="text"]{width:250px;margin-right:10px;}
.mid .jobViewBox li textarea{width:500px;height:200px;max-width:500px;margin-top:10px;margin-bottom:10px;}
.mid .jobViewBox .buttonDarkGreen{font-size:12px;padding:3px;margin:10px 0px;}


/*ProfileCreate*/
.mid .profileCreateBox{margin:10px 0px; border:1px solid #C2C2E8;padding:10px 20px;text-align:center;}
.mid .profileCreateBox .profileCreateTitle{margin:10px 0px;font-size:22px; font-weight:700;font-family:iceberg;}


/*footer*/
#footer{position:relative;width:100%;color:#345A75;background:#F0F0F0;}
.footer{padding:0px 5% 0px;}
.footer ul{text-align: center;}
.footer ul li{display:inline; text-align:center;font-size:10px;}
.footer ul .divider{display:inline;border-left:2px solid #FFFFFF;margin:0px 10px;}

.hide{display:none}